.top {
    width: 100%;
    height: 30px;
    line-height: 30px;
    background-color: #333;
    overflow: hidden;
}

.shares {
    float: left;
    font-size: 12px;
    color: #fff;
}

.website {
    float: right;
}

.website ul li {
    float: left;
    margin-right: 15px;
}

.website ul li a {
    font-size: 12px;
    color: #fff;
}

.website ul li img {
    margin-right: 3px;
    position: relative;
    top: -2px;
}

.edition {
    float: left;
    margin-left: 10px;
}

.edition a {
    font-size: 12px;
    color: #999;
}

.edition .on {
    color: #00a0e9;
}

.header {
    /*    background-color: red;    overflow: hidden;*/
    position: fixed;
    top: 30px;
    left: 0;
    width: 100%;
    z-index: 999;
    padding-top: 16px;
}

body>.items {
    background-color: rgba(0, 0, 0, 0.8) !important;
    top: 0;
    padding-bottom: 16px;
}

.items a {
    color: #fff !important
}

.logo {
    float: left;
}

.navli {
    float: right;
    width: 64%;
}

.navli ul {
    display: table;
    width: 100%;
}

.navli ul .list_1 {
    position: relative;
    display: table-cell;
    text-align: center;
}

.navli ul .list_1:last-child {
    margin-right: 0;
}

.navli ul .list_1 .nav_box>a {
    font-size: 14px;
    height: 40px;
    display: inline-block;
    color: #ffffff;
    transition: 0.3s;
    -moz-transition: 0.3s;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
}

.navli ul .list_1 .subnav {
    display: none;
    position: absolute;
    width: 130%;
    padding: 10px;
    background: #fff;
    overflow: hidden;
    left: -15%;
    top: 50px;
}

.navli ul .list_1 .subnav a {
    float: left;
    width: 100%;
    display: block;
    line-height: 30px;
    font-size: 14px;
    color: #333 !important;
}

.navli ul .list_1 .subnav a:hover {
    background: #13459E;
    color: #fff !important;
}

.navli ul .active .nav_box>a {
    color: #1C95D4 !important
}

.navli ul .list_1 .nav_box>a b {
    font-weight: 100;
    display: block;
    line-height: 40px;
    text-align: center;
}

.navli ul .list_1 .nav_box>a i {
    display: block;
    line-height: 40px;
    text-align: center;
}

.navli>ul {
    font-size: 0;
    padding-top: 11px;
}

.navli ul .list_1 .nav_box>a:hover {
    /*margin-top: -40px;*/
    color: #1C95D4 !important
}

.nav_box {
    height: 40px;
    overflow: hidden;
    font-size: 16px;
}

.tel {
    float: right;
    font-size: 22px;
    color: #01afff;
    line-height: 30px;
    font-family: "Arial";
}

.tel img {
    margin-right: 8px;
    position: relative;
    top: -2px;
}

.clear {
    clear: both;
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.index-banner .swiper-pagination .swiper-pagination-bullet {
    width: 13px;
    height: 13px;
    background-color: #fff;
    opacity: 1;
}

.index-banner .swiper-pagination .swiper-pagination-bullet-active {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid #fff;
}

.index-banner .swiper-pagination {
    bottom: 16px !important;
}

.advantage {
    width: 100%;
    background-color: #13459E;
    overflow: hidden;
    padding: 32px 0;
}

.advantage ul li {
    float: left;
    width: 25%;
    text-align: center;
    border-right: 1px solid #5B7CBB;
}

.advantage ul li:first-child {
    border-left: 1px solid #5B7CBB;
}

.advantage_img {
    float: left;
}

.advantage ul li .advantage_box {
    display: inline-block;
}

.advantage_cons {
    float: left;
    text-align: left;
    margin-left: 15px;
}

.advantage_cons h6 {
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
}

.advantage_cons p {
    color: #fff;
    font-size: 14px;
    margin-top: 10px;
}

.advantage ul li .advantage_img img {
    transition: 0.6s;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
}

.hotsearch {
    width: 100%;
    height: 50px;
    overflow: hidden;
}

.search-li {
    float: left;
}

.search-li ul li {
    float: left;
    line-height: 50px;
    margin-right: 23px;
}

.search-li ul li a {
    font-size: 12px;
    color: #666666;
}

.search_t {
    float: left;
    font-size: 12px;
    color: #666666;
    line-height: 50px;
}

.search-form {
    float: right;
}

.search-form {
    width: 333px;
    height: 34px;
    background-color: #F7F7F7;
    margin-top: 7px;
}

.search-form .one {
    float: left;
    width: 88%;
    height: 34px;
    text-align: center;
    font-size: 12px;
    color: #666666;
    border: 0;
}

.search-form .two {
    float: left;
    width: 12%;
    height: 34px;
    background-image: url(../images/search.png);
    background-position: center;
    background-repeat: no-repeat;
}

.index_goods {
    background-color: #F7F7F7;
    padding-top: 40px;
    padding-bottom: 58px;
    overflow: hidden;
}

.index_tit {
  overflow: hidden;
}

.hot-ggao{
  width: 100%;
  overflow: hidden;
  margin: 20px 0 0 0;
}
.hot-ggao img{
  width: 100%;

}

.index-banner {
    overflow: hidden;
}

.index_title {
    float: left;
}

.index_title span {
    font-size: 28px;
    color: #0a4ed8;
}

.index_title font {
    font-size: 16px;
    color: #999;
    font-family: "Arial";
    margin-left: 18px;
}

.index_list {
    float: right;
}

.index_list li {
    float: left;
    margin-right: 57px;
    line-height: 37px;
}

.index_list li a {
    display: inline-block;
    font-size: 16px;
    color: #333333;
    padding-bottom: 6px;
}

.index_list li a:hover {
    color: #0a4ed8;
    border-bottom: 1px solid #0a4ed8;
}

.index_list .on a {
    color: #0a4ed8;
    border-bottom: 1px solid #0a4ed8;
}

.good_more {
    float: left;
    width: 88px;
    height: 33px;
    line-height: 33px;
    border: 1px solid #B5B5B5;
    text-align: center;
    border-radius: 7px;
    margin-top: 7px;
}

.good_more a {
    font-size: 14px;
    color: #333333;
    font-family: "Arial";
    width: 100%;
    height: 100%;
    display: block;
}

.index_goodsli {
    margin-top: 36px;
}

.index_list ul {
    float: left;
    padding-top: 5px;
}

.good_more:hover {
    background-color: #0a4ed8;
    border-color: #0a4ed8;
}

.good_more:hover a {
    color: #fff;
}

.index_goodsli_2 {
    margin-bottom: 1px;
    overflow: hidden;
}

.index_goodsli_2 ul li {
    width: 50%;
    float: left;
    height: 480px;
    padding-right: 1px;
}

.index_goodsli_3 ul li {
    width: 33.33333%;
    float: left;
    height: 480px;
    padding-right: 1px;
    text-align: center;
}

.index_goodsli_2 ul li .box {
    padding-left: 48px;
    padding-right: 35px;
    padding-top: 90px;
}

.index_goodsli_3 ul li .box {
    padding-top: 52px;
}

.index_goodsli2_cons {
    float: left;
    width: 230px;
    max-width: 100%;
}

.index_goodsli_2 ul li:nth-child(1) .box {
    background-color: #4299A3
}

.index_goodsli_2 ul li:nth-child(2) .box {
    background-color: #5C72AC
}

.index_goodsli_3 ul li:nth-child(1) .box {
    background-color: #F39801
}

.index_goodsli_3 ul li:nth-child(2) .box {
    background-color: #169CC1
}

.index_goodsli_3 ul li:nth-child(3) .box {
    background-color: #3BA58E
}

.index_goodsli2_img {
    float: right;
}

.index_goodsli2_cons h6 {
    font-size: 20px;
    color: #fff;
    padding-top: 10px;
}

.index_goodsli2_cons h5 {
    font-size: 12px;
    color: #fff;
    margin-top: 5px;
}

.index_goodsli2_cons p {
    font-size: 14px;
    line-height: 24px;
    color: #ffffff;
    margin-top: 30px;
}

.index_goods_btn {
    font-size: 0;
    margin-top: 90px;
}

.index_goods_btn a {
    font-size: 12px;
    color: #ffffff;
    display: inline-block;
    width: 90px;
    height: 30px;
    border: 1px solid #fff;
    line-height: 28px;
    text-align: center;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.index_goods_btn a:hover {
    color: #01afff
}

.index_goods_btn a:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #fff;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    z-index: -1;
}

.index_goods_btn a:nth-child(1) {
    margin-right: 10px;
}

.index_goods_btn a:hover:before {
    width: 100%;
}

.index_goodsli_3 h6 {
    font-size: 20px;
    color: #fff;
    padding-top: 10px;
}

.index_goodsli_3 h5 {
    font-size: 14px;
    color: #fff;
    margin-top: 5px;
}

.index_goodsli_3 .index_goods_btn {
    margin-top: 20px;
}

.index_goodsli3_img {
    margin-top: 30px;
}

.index_goodsli_3 ul li:last-child {
    padding-right: 0;
}

.index_goodsli3_img {
    cursor: pointer;
    width: 100%;
    overflow: hidden;
}

.index_goodsli2_img {
    cursor: pointer;
}

.index_goodsli3_img img {
    top: 0;
    position: relative;
    left: 0;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    transition: transform 0.3s;
}

.index_goodsli2_img img {
    top: 0;
    position: relative;
    left: 0;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    -o-transition: -o-transform 0.3s;
    transition: transform 0.3s;
}

.index_goodsli_3 ul li:hover img {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}

.index_goodsli_2 ul li:hover img {
    -webkit-transform: scale(1.04);
    -moz-transform: scale(1.04);
    -ms-transform: scale(1.04);
    -o-transform: scale(1.04);
    transform: scale(1.04);
}

.experience {
    padding-top: 40px;
    padding-bottom: 60px;
    overflow: hidden;
}

.experience_1 {
    width: 25%;
    float: left;
    padding-left: 3.5px;
    padding-right: 3.5px;
    overflow: hidden;
}

.experience_1 ul li {
    width: 100%;
    height: 210px;
    background-color: #7E8186;
    text-align: center;
    margin-bottom: 7px;
    display: table;
    position: relative;
    overflow: hidden;
}

.experience_list ul li:hover .experience_cons {
    left: 0;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.experience_2_1:hover .experience_cons {
    left: 0;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}

.experience_cons {
    position: absolute;
    width: 100%;
    height: 100%;
    left: -100%;
    top: 0%;
    background-color: rgba(20, 68, 157, 0.7);
    color: #fff;
    font-size: 18px;
    display: table;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
    z-index: 2;
}

.experience_list ul {
    overflow: hidden;
    width: 100%;
}

.experience_cons p:last-child {
    font-family: "宋体";
    margin-top: 10px;
}

.experience_libox {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    line-height: 210px;
}

.experience_cbox {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
}

.experience_list {
    margin-top: 40px;
}

.experience_2 {
    width: 50%;
    float: left;
    overflow: hidden;
    /*    padding-left: 3.5px;    padding-right: 3.5px;*/
}

.experience_2_2 {
    width: 100%;
    overflow: hidden;
}

.experience_2_1 {
    width: 100%;
    height: 427px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 7px;
    padding-left: 3.5px;
    padding-right: 3.5px;
}

.experience_2_1 ul {
    background-color: #7E8186;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.experience_2_2 ul li {
    width: 50%;
    height: 210px;
    text-align: center;
    display: table;
    position: relative;
    overflow: hidden;
    float: left;
    padding-left: 3.5px;
    padding-right: 3.5px;
}

.goods_bg {
    background-color: #7E8186;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    display: table;
}

.index-case {
    background-color: #F7F7F7;
    padding-top: 60px;
    padding-bottom: 60px;
    overflow: hidden;
}

.case_firstl {
    float: left;
    width: 525px;
    overflow: hidden;
    position: relative;
}

.case_firstl img {
    width: 100%;
    top: 0;
    position: relative;
    left: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.case_firstl:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.case_first {
    background-color: #fff;
    display: block;
    overflow: hidden;
    margin-top: 50px;
}

.case_firstr {
    padding-top: 65px;
    padding-left: 570px;
    padding-right: 150px;
}

.case_firstr h6 {
    font-size: 20px;
    color: #333333;
}

.case_firstr p {
    font-size: 14px;
    line-height: 31px;
    color: #666666;
    margin-top: 16px;
}

.case_firstr div {
    margin-top: 45px;
}

.case_firstr div a {
    font-size: 14px;
    color: #333;
}

.caselist ul li {
    float: left;
    width: 25%;
    text-align: center;
    padding-right: 3.5px;
    padding-left: 3.5px;
}

.caselist ul {
    margin-left: -3.5px;
    margin-right: -3.5px;
}

.caselist {
    margin-top: 7px;
}

.caseimg {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.caselist ul li img {
    width: 100%;
    top: 0;
    position: relative;
    left: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.caselist ul li img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.caselist ul li p {
    font-size: 14px;
    color: #333;
    margin-top: 10px;
}

.index_about {
    width: 100%;
    height: 650px;
    overflow: hidden;
    background-image: url(../images/index_about.jpg);
}

.index_aboutl {
    float: left;
    width: 625px;
    padding-top: 103px;
}

.index_aboutl h6 {
    font-size: 14px;
    color: #333333;
}

.index_aboutl h5 {
    font-size: 28px;
    color: #333333;
    margin-top: 5px;
}

.index_abouts {
    font-size: 14px;
    color: #666666;
    line-height: 31px;
    margin-top: 60px;
}

.index_aboutrs {
    float: right;
}

.index_abouts a {
    color: #114ca7;
}

.aboutli {
    margin-top: 80px;
}

.aboutli ul li {
    float: left;
    margin-right: 78px;
}

.aboutli ul li h6 {
    font-size: 42px;
    line-height: 45px;
    color: #0a4ed8;
    font-family: "Arial";
}

.aboutli ul li p {
    font-size: 14px;
    color: #333333;
    padding-left: 10px;
}

.aboutli ul li:last-child {
    margin-right: 0;
}

.index_aboutr {
    float: right;
    text-align: center;
    width: 620px;
    padding-top: 95px;
}

.index_aboutr ul {
    margin-left: -3.5px;
    margin-right: -3.5px;
}

.index_aboutr li {
    float: left;
    padding-right: 3.5px;
    padding-left: 3.5px;
    margin-bottom: 20px;
}

.index_aboutr li p {
    font-size: 14px;
    color: #333;
    margin-top: 10px;
}


/*.index_aboutr li:nth-child(2n){    padding-right: 0;}*/

.index_aboutr li .index_aboutimg {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.index_aboutr li img {
    width: 100%;
    top: 0;
    position: relative;
    left: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.index_aboutr li img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.index_contact {
    width: 100%;
    height: 123px;
    background-color: #1249A3;
    padding-top: 27px;
}

.index_contact ul li {
    float: left;
    width: 25%;
    text-align: center;
    text-align: center;
    border-right: 1px solid #5A7DBB
}

.index_contact ul li:first-child {
    border-left: 1px solid #5A7DBB
}

.index_contactl {
    float: left;
}

.index_contactr {
    float: left;
    height: 60px;
    display: table;
    font-size: 16px;
    color: #fff;
    margin-left: 15px;
    text-align: left;
}

.index_contactbox {
    display: inline-block;
}

.index_contactr .box {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.footer_nav {
    float: left;
}

.footer {
    width: 100%;
    /* height: 369px; */
    background-image: url(../images/b_bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 55px;
    background-size: 100% 100%
}

.footer_nav>ul>li {
    float: left;
    margin-right: 75px;
}

.footer_nav .big_title {
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 30px;
    background-image: url(../images/b_nav.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 16px;
}

.footer_nav .sub_nav {
    margin-top: 26px;
    padding-left: 16px;
}

.footer_nav .sub_nav li a {
    font-size: 12px;
    color: #999999;
    line-height: 28px;
}

.footer_nav .sub_nav li a:hover {
    color: #0a4ed8;
    text-decoration: underline;
}

.footer_form {
    float: right;
    font-family: "黑体";
}

.footer_form h6 {
    font-size: 14px;
    color: #ffffff;
    text-align: right;
}

.form_box {
    text-align: center;
    margin-top: 18px;
}

.index_name {
    float: left;
    width: 153px;
    height: 35px;
    background-color: #5E5E5E;
    text-align: center;
    font-size: 12px;
    color: #fff;
    float: left;
    margin-right: 5px;
}

.index_tel {
    float: left;
    width: 153px;
    height: 35px;
    background-color: #5E5E5E;
    text-align: center;
    font-size: 12px;
    color: #fff;
    float: left;
}

.form_box input::-webkit-input-placeholder {
    color: #fff;
    font-size: 12px;
}

.form_box input::-moz-placeholder {
    color: #fff;
    font-size: 12px;
}

.form_box input:-ms-input-placeholder {
    color: #999;
    font-size: 16px;
}

.form_box a {
    display: block;
    float: left;
    width: 70px;
    height: 35px;
    background-color: #14449D;
    color: #fff;
    line-height: 35px;
}

.footer_code {
    margin-top: 15px;
}

.footer_code .code_1 {
    float: right;
    width: 37px;
    height: 37px;
    background-image: url(../images/wx.png);
    background-repeat: no-repeat;
    background-position: left center;
    margin-right: 9px;
    position: relative;
}

.footer_code .code_1 img {
    position: absolute;
    width: 100px;
    height: 100px;
    display: block;
    max-width: none;
    top: 46px;
    display: none;
}

.footer_code .code_1:hover img {
    display: block;
}

.footer_code .code_2 {
    float: right;
    width: 37px;
    height: 37px;
    background-image: url(../images/wb.png);
    background-repeat: no-repeat;
    background-position: left center;
    margin-right: 9px;
}

.code_zixun {
    float: right;
}

.code_zixun a {
    display: inline-block;
    width: 110px;
    height: 37px;
    background-color: #14449D;
    background-image: url(../images/b_zixun.png);
    background-repeat: no-repeat;
    background-position: 18px center;
    text-align: center;
    line-height: 37px;
    font-size: 12px;
    color: #fff;
    padding-left: 14px;
}

.footer_link {
    margin-top: 20px;
    padding-bottom: 10px;
    overflow: hidden;
    line-height: 30px;
}

.link_tit {
    float: left;
    font-size: 12px;
    color: #787878;
}

.link_box {
    float: left;
}

.link_box ul li {
    float: left;
    margin-right: 26px;
}

.link_box ul li a {
    font-size: 12px;
    color: #787878;
}

.link_box ul li a:hover {
    color: #14449D;
    text-decoration: underline;
}

.footer_inscription {
    border-top: 1px solid #262B2B;
    margin-top: 3px;
    line-height: 62px;
}

.footer_map {
    float: left;
}

.footer_map ul li {
    float: left;
    font-size: 12px;
    color: #787878
}

.footer_map ul li a {
    color: #787878
}

.footer_map ul span {
    float: left;
    margin-right: 2px;
    margin-left: 2px;
    color: #787878;
}

.footer_beian {
    float: right;
    font-size: 12px;
    color: #787878
}

.footer_b {
    padding-top: 80px;
}

.index_news {
    overflow: hidden;
    padding-top: 40px;
    padding-bottom: 70px;
}

.news-l {
    float: left;
    width: 764px;
    border-right: 1px solid #DCDCDC
}

.news-l-img {
    float: left;
    overflow: hidden;
    position: relative;
}

.news-l-img img {
    width: 100%;
    top: 0;
    position: relative;
    left: 0;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.news-l-img img:hover {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.news-l-cons {
    float: left;
}

.news-box {
    margin-top: 43px;
    display: none;
}

.index_newslist .on {
    display: block;
}

.news-l-cons h6 a {
    font-size: 18px;
    color: #787878
}

.news-l-cons h6 a:hover {
    color: #0844bc;
}

.news-l-intro {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    margin-top: 25px;
}

.news-l-cons {
    width: 330px;
    max-width: 100%;
    margin-left: 24px;
}

.news-l-more {
    text-align: right;
    margin-top: 63px;
}

.news-l-more a {
    font-size: 14px;
    color: #999;
}

.news-r ul li {
    line-height: 24px;
    margin-bottom: 6px;
    overflow: hidden;
}

.news-r ul li:before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #959595;
    float: left;
    line-height: 24px;
    position: relative;
    top: 9px;
}

.news-l-more a:hover {
    color: #0844bc;
}

.news-r .news-r-tit {
    font-size: 14px;
    color: #454545;
    float: left;
    padding-left: 7px;
}

.news-r .news-r-date {
    display: inline-block;
    width: 88px;
    text-align: left;
    font-size: 14px;
    color: #333;
    float: right;
}

.news-r {
    float: right;
    width: 636px;
    padding-left: 34px;
}

.news-r li a {
    display: block;
}

.news-r ul li:hover a .news-r-tit {
    color: #0844bc
}

.news-r ul li:hover a .news-r-date {
    color: #0844bc
}

.index-case .index_list li {
    padding-left: 42px;
}

.experience .index_list li {
    padding-left: 35px;
}

.index-case .index_list .on a {
    border-bottom: 0;
}

.experience .index_list .on a {
    border-bottom: 0;
}

.index-case .index_list li:nth-child(1) {
    background-image: url(../images/case_icon1.png);
    background-repeat: no-repeat;
    background-position: left 1px;
}

.index-case .index_list li:nth-child(2) {
    background-image: url(../images/case_icon2.png);
    background-repeat: no-repeat;
    background-position: left 1px;
}

.index-case .index_list li:nth-child(3) {
    background-image: url(../images/case_icon3.png);
    background-repeat: no-repeat;
    background-position: left 3px;
}

.index-case .index_list li:nth-child(4) {
    background-image: url(../images/case_icon4.png);
    background-repeat: no-repeat;
    background-position: 4px 0px;
}

.index-case .index_list li:nth-child(5) {
    background-image: url(../images/case_icon5.png);
    background-repeat: no-repeat;
    background-position: left 3px;
}

.index-case .index_list li:hover a {
    border-bottom: 0;
}

.index-case .index_list li.on:nth-child(1) {
    background-image: url(../images/case_icon1_1.png);
}

.index-case .index_list li.on:nth-child(2) {
    background-image: url(../images/case_icon2_2.png);
}

.index-case .index_list li.on:nth-child(3) {
    background-image: url(../images/case_icon3_3.png);
}

.index-case .index_list li.on:nth-child(4) {
    background-image: url(../images/case_icon4_4.png);
}

.index-case .index_list li.on:nth-child(5) {
    background-image: url(../images/case_icon5_5.png);
}

.index-case .index_list li:nth-child(1):hover {
    background-image: url(../images/case_icon1_1.png);
}

.index-case .index_list li:nth-child(2):hover {
    background-image: url(../images/case_icon2_2.png);
}

.index-case .index_list li:nth-child(3):hover {
    background-image: url(../images/case_icon3_3.png);
}

.index-case .index_list li:nth-child(4):hover {
    background-image: url(../images/case_icon4_4.png);
}

.index-case .index_list li:nth-child(5):hover {
    background-image: url(../images/case_icon5_5.png);
}

.experience .index_list li:hover a {
    border-bottom: 0;
}

.experience .index_list li:nth-child(1) {
    background-image: url(../images/experience_icon1_1.png);
    background-repeat: no-repeat;
    background-position: left 6px;
}

.experience .index_list li:nth-child(2) {
    background-image: url(../images/experience_icon2.png);
    background-repeat: no-repeat;
    background-position: left 6px;
}

.experience .index_list li:nth-child(2):hover {
    background-image: url(../images/experience_icon2_2.png);
}

.class_banner {
    position: relative;
}

.class_banner_1400 {
    position: absolute;
    width: 1400px;
    max-width: 100%;
    margin: 0 auto;
    top: 42%;
    left: 50%;
    transform: translate(-50%, 0);
}

.class_banner_1400 h6 {
    font-size: 32px;
    color: #ffffff;
}

.class_banner_1400 p {
    font-size: 16px;
    color: #ffffff;
    margin-top: 7px;
    font-family: "Futura Md BT";
    font-weight: 300;
    letter-spacing: 2px;
}

.nav_right {
    width: 100%;
    height: 60px;
    background-color: #EEEEEE;
    line-height: 60px;
    text-align: right;
}

.nav_right a {
    margin-left: 3px;
    margin-right: 3px;
}

.nav_right img {
    position: relative;
    top: -2px;
}

.product {
    background-color: #F7F7F7;
    overflow: hidden;
    padding-top: 30px;
    padding-bottom: 80px;
}

.product_l {
    float: left;
    width: 230px;
}

.product_l h6 {
    font-size: 20px;
    color: #333;
}

.product_l h5 {
    font-size: 14px;
    color: #666;
    margin-top: 6px;
}

.product_l p {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    margin-top: 30px;
}

.product_list ul li {
    float: left;
    width: 50%;
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 20px;
    overflow: hidden;
}

.product_box {
    padding-top: 44px;
    padding-right: 50px;
    padding-left: 46px;
    height: 380px;
    background-color: #fff;
    border: 1px solid #DCDCDC;
    overflow: hidden;
}

.product_r {
    float: right;
    width: 320px;
    height: 300px;
    margin-bottom: 20px;
    position: relative;
}

.product_r img {
    max-width: 100%;
    transition: 0.5s all
}

.product_list ul li :hover img {
    transform: scale(1.1);
}

.product_box .index_goods_btns {
    margin-top: 58px;
}

.product_box .index_goods_btns a {
    color: #666;
    display: block;
    width: 105px;
    height: 33px;
    line-height: 31px;
    text-align: center;
    border: 1px solid #666666;
    border-radius: 4px;
}

.product_box .index_goods_btns a:hover {
    background-color: #1C95D4;
    border-color: #1C95D4;
    color: #fff;
}

.product_nav {
    text-align: center;
}

.product_nav ul {
    display: inline-block;
}

.product_nav ul li {
    float: left;
    margin-right: 34px;
    margin-left: 34px;
}

.product_nav ul li a {
    font-size: 14px;
    color: #454545
}

.product_nav ul li a:hover {
    color: #0a4ed8;
}

.product_nav ul .active a {
    color: #0a4ed8;
}

.product_list {
    margin-top: 45px;
    overflow: hidden;
}

.product_nav .icon {
    width: 80px;
    height: 73px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product_nav .icon .a{
    display: block;
}
.product_nav .icon .b{
    display: none;
}

.product_nav .icon:hover .a{
    display: none;
}
.product_nav .icon:hover .b{
    display: block;
}

.product_nav .icon.on .a{
    display: none;
}
.product_nav .icon.on .b{
    display: block;
}

.product_nav .list_1 .icon {
    background-image: url(../images/01.png);
}

.product_nav .list_1:hover .icon {
    background-image: url(../images/1.png);
}

.product_nav .list_1 .on {
    background-image: url(../images/1.png);
}

.product_nav .list_2 .icon {
    background-image: url(../images/02.png);
}

.product_nav .list_2:hover .icon {
    background-image: url(../images/2.png);
}

.product_nav .list_2 .on {
    background-image: url(../images/2.png);
}

.product_nav .list_3 .icon {
    background-image: url(../images/3.png);
}

.product_nav .list_3:hover .icon {
    background-image: url(../images/03.png);
}

.product_nav .list_3 .on {
    background-image: url(../images/03.png);
}

.product_nav .list_4 .icon {
    background-image: url(../images/4.png);
}

.product_nav .list_4:hover .icon {
    background-image: url(../images/04.png);
}

.product_nav .list_4 .on {
    background-image: url(../images/04.png);
}

.product_nav .list_5 .icon {
    background-image: url(../images/5.png);
}

.product_nav .list_5:hover .icon {
    background-image: url(../images/05.png);
}

.product_nav .list_5 .on {
    background-image: url(../images/05.png);
}

.product_nav .list_6 .icon {
    background-image: url(../images/6.png);
}

.product_nav .list_6:hover .icon {
    background-image: url(../images/06.png);
}

.product_nav .list_6 .on {
    background-image: url(../images/06.png);
}

.nav_right2 {
    width: 100%;
    height: 60px;
    background-color: #1C56B7;
    line-height: 60px;
}

.nav_right_product {
    float: left;
    color: #fff;
}

.nav_right_product a {
    color: #fff;
}

.nav_right_product img {
    position: relative;
    top: -2px;
    margin-right: 28px;
}

.det_product_l {
    width: 370px;
    float: left;
}

.det_product {
    overflow: hidden;
    margin-top: 60px;
    padding-bottom: 50px;
}

.det_product_nav {
    position: relative;
}

.det_product_nav span {
    font-size: 24px;
    display: block;
    color: #666;
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #F3F4FA;
    z-index: 2;
    right: 15px;
    top: 16px;
    text-align: center;
    line-height: 16px;
    border-radius: 3px;
    cursor: pointer;
}

.det_product_nav_2 {
    display: none;
}

.det_product_t {
    width: 100%;
    height: 118px;
    background-image: url(../images/bg_p.jpg);
    background-repeat: no-repeat;
    background-position: center;
    font-size: 28px;
    color: #fff;
    line-height: 118px;
    padding-left: 36px;
}

.det_product_l1 {
    background-color: #F3F4FA;
}

.det_product_l1box {
    padding: 30px 24px;
}

.det_product_nav>a {
    width: 100%;
    display: block;
    height: 50px;
    background-color: #fff;
    line-height: 50px;
    padding-left: 25px;
    font-size: 18px;
    position: relative;
}

.det_product_nav>a:hover {
    background-color: #1248A2;
    color: #fff;
}

.det_product_l1box>ul {
    margin-bottom: 30px;
}

.det_product_nav_2 li {
    border-bottom: 1px dashed #DCDCDC;
    position: relative;
}

.det_product_nav_2 li a {
    font-size: 14px;
    color: #666666;
    line-height: 45px;
    padding-left: 44px;
}

.det_product_nav_2 li a:hover {
    color: #1248A2;
}

.det_product_nav_2 li a:hover:before {
    background-color: #1248A2;
}

.det_product_nav_2 li a:before {
    content: "";
    position: absolute;
    left: 25px;
    top: 20px;
    width: 6px;
    height: 6px;
    background-color: #666666;
    border-radius: 50%;
}

.det_product_l2,
.det_product_l3,
.det_product_l4 {
    background-color: #F3F4FA;
    margin-top: 20px;
}

.det_product_l5 {
    margin-top: 20px;
}

.det_product_l2_t {
    width: 100%;
    height: 53px;
    line-height: 53px;
    font-size: 18px;
    background-color: #1C57B8;
    color: #fff;
    padding-left: 25px;
}

.det_product_l2_b {
    padding-left: 33px;
    padding-top: 33px;
    padding-right: 33px;
    padding-bottom: 21px;
    overflow: hidden;
}

.det_product_l2_b li a {
    display: block;
    float: left;
    width: 140px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background-color: #fff;
    margin-bottom: 12px;
    margin-right: 6px;
    margin-left: 6px;
    font-size: 14px;
    color: #666666;
}

.det_product_l2_b ul li a:hover {
    color: #1C57B8;
    text-decoration: underline;
}

.det_product_l3_b {
    padding: 10px 25px;
}

.det_product_l3_b ul li {
    line-height: 50px;
    border-bottom: 1px dashed #ffffff;
    position: relative;
    padding-left: 15px;
}

.det_product_l3_b ul li a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.det_product_l3_b ul li a:hover {
    color: #1C57B8;
    text-decoration: underline;
}

.det_product_l3_b ul li a:hover:before {
    background-color: #1C57B8;
}

.det_product_l3_b ul li a:before {
    content: "";
    position: absolute;
    left: 0px;
    top: 22px;
    width: 6px;
    height: 6px;
    background-color: #666666;
    border-radius: 50%;
}

.det_product_l4_b {
    padding: 25px 25px 10px 25px;
}

.det_product_l42 span {
    font-size: 18px;
    color: #333333;
}

.det_product_l42 {
    margin-bottom: 15px;
}

.det_product_l42 font {
    font-size: 18px;
    color: #1c57b8;
    font-family: "Arial";
}

.det_product_l41 {
    margin-bottom: 25px;
}

.det_product_l42 img {
    position: relative;
    top: -4px;
}

.det_product_l5 ul li {
    text-align: center;
    height: 300px !important;
    border: 1px solid #DCDCDC;
    margin-bottom: 10px;
    padding-top: 5px;
}

.det_product_l5 ul li p {
    font-size: 16px;
    color: #333333;
    margin-top: 28px;
}

.det_product_l5 ul li:hover p {
    color: #0A4ED8
}

.back {
    float: right;
}

.back {
    color: #fff;
    font-size: 14px;
}

.back a {
    color: #fff;
}

.det_product_r {
    width: 1000px;
    float: right;
    max-width: 100%;
}

.album_l {
    float: left;
    width: 547px;
    height: 475px;
    border: 1px solid #DCDCDC;
    margin-right: 38px;
}

.album_r {
    padding-top: 45px;
}

.album_rbox h5 {
    font-size: 28px;
    color: #333333;
}

.album_rbox h6 {
    font-size: 18px;
    color: #0a4ed8;
    margin-top: 40px;
}

.album_intro {
    font-size: 14px;
    line-height: 28px;
    color: #666666;
    margin-top: 36px;
}

.album_rbtn {
    margin-top: 90px;
}

.album_rbtn a {
    float: left;
    width: 147px;
    height: 43px;
    background-color: #0B95DC;
    color: #fff;
    line-height: 43px;
    text-align: center;
    font-size: 14px;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}

.album_rbtn a:hover {
    background-color: #1C56B7;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
}

.album_rbtn div {
    font-size: 26px;
    color: #0a4ed8;
    font-family: "Futura Md BT";
    line-height: 43px;
    margin-left: 25px;
    float: left;
}

.album {
    overflow: hidden;
}

.parameter {
    margin-top: 50px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #1C57B8;
}

.parameter ul li {
    float: left;
    padding-left: 45px;
    padding-right: 45px;
    cursor: pointer;
    color: #fff;
    font-size: 14px;
}

.parameter ul .active {
    background-color: #353535
}

.parameter_tit {
    margin-top: 50px;
}

.parameter_tit span {
    font-size: 24px;
    color: #333333;
}

.parameter_tit font {
    font-size: 18px;
    color: #999999;
    font-family: "Futura Bk BT";
    margin-left: 15px;
}

.parameter_content {
    font-size: 14px;
    line-height: 32px;
    color: #666666;
    margin-top: 30px;
}

.parameter_content img {
    max-width: 100%;
}

.zhuan {
    text-align: center;
    font-size: 24px;
    color: #333333;
    margin-top: 60px;
}

.zhuan font {
    color: #1c57b8;
    font-family: "Futura Bk BT";
    font-weight: bold;
}

.product_case .caselist ul li {
    width: 33.3333%;
    margin-bottom: 20px;
}

.product_case .caselist {
    margin-top: 35px;
}

.product_case {
    margin-top: 100px;
    overflow: hidden;
}

.product_case .index_title span {
    font-size: 24px;
    color: #333333;
}

.other-products {
    margin-top: 50px;
    margin-bottom: 70px;
    overflow: hidden;
}

.other-box {
    width: 100%;
    height: 335px;
    border: 1px solid #DCDCDC;
    margin-top: 25px;
    padding-top: 47px;
    padding-left: 50px;
    padding-right: 50px;
    position: relative;
}

.other-box .swiper-slide {
    text-align: center;
}

.other-box .swiper-slide img {
    height: 185px;
    width: auto;
}

.other-box .swiper-slide p {
    font-size: 16px;
    color: #333333;
    margin-top: 38px;
}

.other-box .swiper-button-next {
    width: 47px;
    height: 47px;
    background-image: url(../images/left_1.png);
    background-size: 100% 100%;
}

.other-box .swiper-button-prev {
    width: 47px;
    height: 47px;
    background-image: url(../images/right_1.png);
    background-size: 100% 100%;
}

.paging .prev:before {
    content: "上一页";
    display: inline-block;
    width: 85px;
    height: 40px;
    text-align: center;
    background-color: #333333;
    line-height: 40px;
    color: #d8baa0;
    font-size: 14px;
}

.paging .prev {
    width: 85px;
}

.paging .next {
    width: 85px;
}

.paging .prev:before {
    content: "上一页";
    display: inline-block;
    width: 85px;
    height: 40px;
    text-align: center;
    background-color: #333333;
    line-height: 40px;
    color: #d8baa0;
    font-size: 14px;
}

.paging .prev_disabled {
    content: "上一页";
    display: inline-block;
    width: 85px;
    height: 40px;
    text-align: center;
    background-color: #333333;
    line-height: 40px;
    color: #d8baa0;
    font-size: 14px;
}

.paging .prev_disabled::before {
    content: "上一页";
    display: inline-block;
    width: 85px;
    height: 40px;
    text-align: center;
    background-color: #333333;
    line-height: 40px;
    color: #d8baa0;
    font-size: 14px;
}

.paging .current {
    background-color: #d6d6d6;
}

.paging .next:before {
    content: "下一页";
    display: inline-block;
    width: 85px;
    height: 40px;
    text-align: center;
    background-color: #333333;
    line-height: 40px;
    color: #d8baa0;
    font-size: 14px;
}

.paging .next_disabled:before {
    content: "下一页";
    display: inline-block;
    width: 85px;
    height: 40px;
    text-align: center;
    background-color: #333333;
    line-height: 40px;
    color: #d8baa0;
    font-size: 14px;
}

.paging {
    text-align: center;
    margin-top: 60px;
    font-size: 0;
}

.paging span {
    width: 35px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background-color: #333333;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin-right: 5px;
    margin-left: 5px;
}

.paging a {
    width: 35px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background-color: #333333;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin-right: 5px;
    margin-left: 5px;
}

.application {
    padding-top: 65px;
    overflow: hidden;
}

.application-titles {
    text-align: center;
}

.application-titles h6 {
    font-size: 28px;
    color: #333333;
}

.application-titles p {
    font-size: 18px;
    color: #787878;
    font-family: "Futura Bk BT";
}

.application_con ul {
    margin-left: -13px;
    margin-right: -13px;
}

.application_con ul li {
    float: left;
    width: 50%;
    padding-left: 13px;
    padding-right: 13px;
    margin-bottom: 40px;
}

.application-tit span {
    font-size: 20px;
    color: #333333;
}

.application-tit font {
    font-size: 14px;
    color: #999999;
    margin-left: 15px;
}

.application-intro {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    margin-top: 20px;
    min-height: 72px;
}

.application_con {
    overflow: hidden;
    margin-top: 45px;
    padding-bottom: 50px;
}

.application-btn a {
    width: 130px;
    height: 38px;
    display: block;
    text-align: center;
    line-height: 38px;
    background-color: #0B95DC;
    color: #fff;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o- transition: 0.5s;
}

.application-btn a:hover {
    background-color: #1C56B7;
    transition: 0.5s;
    -moz-transition: 0.5s;
    -webkit-transition: 0.5s;
    -o- transition: 0.5s;
}

.application-tit {
    background-repeat: no-repeat;
    padding-left: 57px;
    background-position: left center;
    margin-top: 30px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.application-btn {
    margin-top: 20px;
}

.application_con .icon1 {
    background-image: url(../images/application_icon1.png);
}

.application_con .icon2 {
    background-image: url(../images/application_icon2.png);
}

.application_con .icon3 {
    background-image: url(../images/application_icon3.png);
}

.application_con .icon4 {
    background-image: url(../images/application_icon4.png);
}

.application_con .icon5 {
    background-image: url(../images/application_icon5.png);
}

.application_con .icon6 {
    background-image: url(../images/application_icon6.png);
}

.application_con .icon7 {
    background-image: url(../images/application_icon7.png);
}

.application_con .icon8 {
    background-image: url(../images/application_icon8.png);
}

.application-img {
    overflow: hidden;
}

.application-img img {
    width: 100%;
    transition: all 1s;
    position: relative;
}

.application-img img:hover {
    transform: scale(1.2);
}

.news-del {
    background: #f5f5f5;
    padding: 0 0 50px;
}

.com-width {
    width: 1200px;
    margin: 0 auto;
}

.cate-position {
    height: 50px;
    color: #999;
    line-height: 50px;
}

.cate-position a {
    color: #999;
}

.cate-position a:hover {
    color: #e93e00;
}

.icon-eye {
    position: relative;
    top: -2px;
    display: inline-block;
    vertical-align: middle;
    width: 21px;
    height: 11px;
    background: url(../img/eye.png) no-repeat center;
}


/*左侧*/

.news-show-left {
    float: left;
    margin: auto;
    width: 800px;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}

.news-show-left .news-title {
    padding: 40px 40px;
    padding-bottom: 20px;
    border-top: 1px #f1f1f1 solid;
    text-align: center;
    line-height: 1.5;
}

.news-show-left .news-title .tit {
    padding-bottom: 10px;
    color: #333;
    font-weight: normal;
    font-size: 24px;
}

.news-show-left .news-title p {
    padding-bottom: 10px;
    border-bottom: 1px solid #F0F2F5;
    color: #a3afb7;
    font-size: 14px;
}

.news-show-left .news-title p a {
    color: #a3afb7;
}

.news-show-left .news-views {
    overflow: hidden;
    margin: 40px 40px 40px 40px;
    margin-top: 0;
    min-height: 600px;
    color: #666;
    font-size: 14px;
    line-height: 25px;
}

.news-show-left .news-views p {
    margin-bottom: 10px;
}

.news-show-left .news-views img {
    max-width: 100%;
    height: auto;
}

.news-show-left .news-other {
    padding: 20px 15px;
    border-top: 1px #f1f1f1 solid;
}

.news-show-left .news-other p {
    display: block;
    padding-left: 3px;
    height: 40px;
    line-height: 40px;
}

.news-show-left .news-other p a {
    color: #333;
    font-size: 14px;
}

.news-show-left .news-other p a:hover {
    color: #BB3E46;
}

.news-show-left .share-bar {
    padding: 20px;
}


/*右侧*/

.news-show-right {
    float: right;
    width: 370px;
}

.news-show-right dl {
    display: block;
    margin-top: 0;
    margin-bottom: 20px;
    background: #fff;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
}

.news-show-right dl dt {
    position: relative;
    display: block;
    height: 42px;
    border-bottom: 1px #f1f1f1 solid;
    line-height: 42px;
}

.news-show-right dl.tab dt {
    padding-left: 20px;
    height: 42px;
    border-top: 1px #f1f1f1 solid;
    color: #1d1d1d;
    font-size: 18px;
    line-height: 42px;
}

.news-show-right dl.tab dd {
    position: relative;
}

.news-show-right dl.tab dd ul {
    display: block;
    padding: 0 20px;
}

.news-show-right dl.tab dd ul li {
    display: block;
    padding: 15px 0;
    border-bottom: 1px #f1f1f1 solid;
}

.news-show-right dl.tab dd ul li a {
    display: inline;
}

.news-show-right dl.tab dd ul li .pic {
    position: relative;
    overflow: hidden;
    margin-right: 20px;
    width: 60px;
    height: 60px;
    text-align: center;
    font-size: 0;
    line-height: 60px;
    float: left;
}

.news-show-right dl.tab dd ul li .pic img {
    max-width: 100%;
    height: 50px;
}

.news-show-right dl.tab dd ul li h5 {
    display: block;
    overflow: hidden;
    padding-top: 4px;
    padding-bottom: 10px;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    line-height: 20px;
}

.news-show-right dl.tab dd ul li h5 a {
    color: #333;
}

.news-show-right dl.tab dd ul li h5 a:hover {
    color: #BB3E46;
}

.news-show-right dl.tab dd ul li .news-cate {
    color: #999;
}

.news-show-right dl.tab dd ul li i {
    float: left;
    color: #999;
    font-size: 12px;
}

.news-show-right dl.tab dd ul li em {
    float: right;
    padding-left: 25px;
    background: url(../images/eye.png) no-repeat left center;
    color: #999;
    font-style: normal;
    font-size: 12px;
    min-width: 50px;
}

.news-show-right dl.tab dd .more {
    position: relative;
    top: -1px;
    height: 45px;
    border-top: 1px #f1f1f1 solid;
    color: #333;
    text-align: center;
    line-height: 45px;
}

.news-show-right dl.tab dd .more a {
    position: relative;
    display: inline-block;
    color: #333;
}

.news-show-right dl.tab dd .more a b {
    margin-left: 5px;
    font-family: "宋体";
    -webkit-transition: transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
}

.news-show-right dl.tab dd .more a:hover b {
    -webkit-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
    -ms-transform: translateX(5px);
}

.news-show-right dl.tab dd .more a:hover {
    color: #BB3E46;
}

.news-show-right dl.list dt {
    padding-left: 20px;
    color: #333;
    font-size: 18px;
}

.news-show-right dl.tab dt a {
    display: table-cell;
    width: 33%;
    height: 42px;
    color: #009A62;
    text-align: center;
    font-size: 18px;
    line-height: 42px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
}

.news-show-right dl.list dt a b {
    position: relative;
    top: -1px;
    display: inline-block;
    overflow: hidden;
    margin-left: 2px;
    width: 15px;
    height: 15px;
    background-position: 0 -64px;
    vertical-align: middle;
}

.news-show-right dl.list dd ul {
    display: block;
    padding: 20px;
}

.news-show-right dl.list dd ul li {
    display: block;
    overflow: hidden;
    padding-bottom: 12px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-show-right dl.list dd ul li a {
    color: #333;
    font-size: 14px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.news-show-right dl.list dd ul li a:hover {
    color: #BB3E46;
}

.gr-page-other {
    margin-top: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px dotted #ddd;
    border-bottom: 1px dotted #ddd;
    padding-left: 40px;
    padding-right: 40px;
}

.gr-product-content .gr-page-other {
    border-color: #E4EAEC;
}

.gr-page-other p {
    line-height: 26px;
    width: calc(100% - 150px);
}

.gr-back-btn {
    margin-top: 6px;
    width: 125px;
    height: 40px;
    background-color: #999;
    color: #fff!important;
    text-align: center;
    font-size: 14px;
    line-height: 40px;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    float: right;
}

.gr-back-btn:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.gr-page-other p a {
    color: #333;
}

.news-case {
    padding: 20px;
}

.news-case .gr-case-list {
    width: 100%;
}

.news-case .gr-case-list li,
.news-case .gr-case-list li .pic {
    float: none;
    width: 100%;
    height: auto;
}

.com-breadcrumb {
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    color: #999;
}

.news-show-left .news-title h2 {
    padding-bottom: 10px;
    color: #333;
    font-weight: normal;
    font-size: 24px;
}

.contact_a {
    background-color: #F8F8F8;
    overflow: hidden;
    padding-bottom: 70px;
}

.contact-tit {
    text-align: center;
    font-size: 28px;
    color: #333333;
    padding-top: 60px;
}

.contact_a_cons ul li {
    float: left;
    width: 25%;
    position: relative;
}

.contact_a_tel {
    position: absolute;
    top: 85px;
    left: 0;
    width: 100%;
    text-align: center;
}

.contact_a_tel1 {
    float: left;
    padding-top: 7px;
}

.contact_a_tel2 {
    float: left;
    text-align: left;
}

.contact_a_tel2 h6 {
    font-size: 22px;
    color: #666666;
}

.contact_a_tel2 p {
    font-size: 32px;
    color: #333333;
    font-family: "Futura Md BT";
}

.contact_a_box {
    display: inline-block;
}

.contact_a_items {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    padding-right: 45px;
    padding-left: 45px;
}

.contact_a_items img {
    margin-bottom: 15px;
}

.contact_a_item {
    position: relative;
}

.contact_a_items p {
    font-size: 18px;
    color: #fff;
    line-height: 32px;
}

.contact_a_cons {
    margin-top: 40px;
    overflow: hidden;
}

.contact_b {
    background-color: #fff;
    overflow: hidden;
    margin-top: 10px;
}

.contact_bl {
    width: 50%;
    float: left;
}

.contact_br {
    float: right;
    width: 50%;
    padding-left: 77px;
    padding-right: 90px;
}

.contact_br p {
    font-size: 14px;
    line-height: 31px;
    color: #333;
    margin-top: 110px;
}

.contact_b_btn {
    margin-top: 55px;
}

.contact_b_btn a {
    float: left;
    width: 150px;
    height: 38px;
    background-color: #0B95DC;
    line-height: 38px;
    color: #fff;
    text-align: center;
    margin-right: 10px;
    padding-left: 15px;
}

.contact_b_btn .a {
    background-image: url(../images/contact_b1.png);
    background-repeat: no-repeat;
    background-position: 28px center;
}

.contact_b_btn .b {
    background-image: url(../images/contact_b2.png);
    background-repeat: no-repeat;
    background-position: 28px center;
}

.contact_c {
    margin-top: 10px;
}

.contact_c ul li {
    width: 33.3333%;
    float: left;
    padding-left: 5px;
    padding-right: 5px;
}

.contact_c ul {
    margin-left: -5px;
    margin-right: -5px;
}

.contact_c ul li .contact_c_box {
    background-color: #fff;
    min-height: 215px;
    padding-left: 36px;
    padding-right: 36px;
    padding-top: 38px;
}

.contact_c_tit {
    font-size: 20px;
    color: #333333;
    border-bottom: 1px solid #E5E5E5;
    padding-bottom: 25px;
}

.contact_c_intro {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    margin-top: 15px;
}

.contact_dl {
    float: left;
    width: 50%;
    height: 360px;
    background-color: #33579A;
    padding: 50px 50px 0 50px;
}

.contact_dr {
    float: left;
    width: 50%;
}

.contact_d {
    overflow: hidden;
}

.contact_dl ul li {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}

.contact_dl ul li span {
    color: #e7ebec;
    font-size: 16px;
    float: left;
    width: 64px;
}

.contact_dl ul li input {
    width: calc(100% - 64px);
    background-color: #fff;
    height: 40px;
    border-radius: 4px;
    padding-left: 15px;
}

.contact_dl ul li textarea {
    width: calc(100% - 64px);
    background-color: #fff;
    height: 115px;
    border-radius: 4px;
    padding: 15px;
    resize: none;
}

.contact_dl ul li a {
    width: 125px;
    height: 38px;
    display: block;
    line-height: 38px;
    text-align: center;
    background-color: #E7EBEC;
    font-size: 16px;
    color: #333333;
}

.contact_d_cons {
    margin-top: 45px;
}

.contact_e {
    overflow: hidden;
    margin-top: 60px;
    margin-bottom: 70px;
}

.contact_el {
    float: left;
    width: 30%;
    text-align: center;
}

.contact_e ul {
    margin-right: -10px;
    margin-left: -10px;
}

.contact_e ul li {
    float: left;
    width: 50%;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
}

.contact_e_box {
    border: 1px solid #A0A0A0;
    min-height: 190px;
    padding-top: 40px;
}

.contact_er h6 {
    font-size: 24px;
    color: #33579a;
}

.contact_er {
    width: 70%;
    float: left;
}

.contact_er p {
    font-size: 14px;
    color: #666666;
    margin-top: 10px;
}

.contact_er a {
    display: block;
    font-size: 14px;
    color: #14449d;
    margin-top: 35px;
}

.nav_left {
    float: left;
}

.nav_left ul li {
    float: left;
    cursor: pointer;
    padding: 0 20px;
}

.nav_left ul li a {
    font-size: 16px;
    color: #454545;
    display: block;
}

.nav_left ul .active {
    background-color: #1C95D4
}

.nav_left ul li:hover {
    /*background-color: #1C95D4*/
}

.nav_left ul li:hover a {
    color: #1C95D4;
}

.nav_left ul .active a {
    color: #fff;
}

.company_img {
    float: left;
    width: 50%;
    text-align: left;
}

.company_cons {
    width: 50%;
    float: left;
    padding-left: 75px;
}

.about_company {
    overflow: hidden;
    padding-top: 68px;
    padding-bottom: 68px;
}

.company_cons h6 {
    font-size: 28px;
    color: #333333;
}

.company_content {
    font-size: 14px;
    color: #666666;
    line-height: 28px;
    margin-top: 20px;
}

.company_cons .aboutli {
    margin-top: 40px;
}

.four_adv {
    background-color: #F7F7F7;
    overflow: hidden;
    padding-top: 60px;
    padding-bottom: 60px;
}

.four_adv ul li {
    float: left;
    padding-left: 9px;
    padding-right: 9px;
    width: 25%;
}

.four_adv_box {
    background-color: #fff;
    text-align: center;
    padding-top: 55px;
}

.four_adv_cons {
    width: 1786px;
    margin: 0 auto;
    max-width: 100%;
}

.four_adv_cons ul {
    margin-left: -9px;
    margin-right: -9px;
}

.four_adv_box h6 {
    font-size: 28px;
    color: #333333;
    font-weight: bold;
}

.four_adv_box p {
    font-size: 16px;
    color: #333333;
    margin-top: 5px;
    margin-bottom: 47px;
}

.four_adv_box div {
    overflow: hidden;
}

.four_adv_box div img {
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
}

.four_adv_box div img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.about_title {
    text-align: center;
}

.about_title h6 {
    font-size: 28px;
    color: #333333;
}

.about_title p {
    font-size: 18px;
    color: #999999;
    margin-top: 7px;
    font-family: "Futura Bk BT";
}

.qywh {
    padding-top: 65px;
    overflow: hidden;
    padding-bottom: 85px;
}

.qywh_cons ul {
    margin-left: -5px;
    margin-right: -5px;
}

.qywh_cons {
    margin-top: 50px;
}

.qywh_cons ul li {
    width: 33.333%;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
}

.qywh_intro {
    border: 1px solid #E5E5E5;
    border-bottom: 0;
    padding-top: 40px;
    padding-left: 35px;
    padding-right: 35px;
    min-height: 230px;
}

.qywh_intro h6 {
    font-size: 20px;
    color: #333333;
}

.qywh_intro p {
    font-size: 16px;
    color: #666666;
    font-family: "Futura Bk BT";
    margin-top: 3px;
}

.qywh_intro div {
    font-size: 14px;
    line-height: 28px;
    color: #666666;
    margin-top: 15px;
}

.qywh_img {
    overflow: hidden;
}

.qywh_img img {
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
}

.qywh_img img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.ryzz {
    background-color: #F7F7F7;
    padding-top: 58px;
    overflow: hidden;
}

.ryzz_l {
    float: left;
    width: 549px;
}

.ryzz_r {
    float: left;
    width: 851px;
    height: 355px;
    background-image: url(../images/ryzz_r.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    padding-top: 90px;
    position: relative;
}

.ryzz_cons {
    margin-top: 50px;
}

.ryzz_r .swiper-container {
    width: 705px;
    margin: 0 auto;
}

.ryzz_r .swiper-button-prev {
    width: 20px;
    height: 20px;
    background-image: url(../images/ryzz_l.png);
    background-size: 100% 100%;
    margin-top: -11px;
    left: 25px;
}

.ryzz_r .swiper-button-next {
    width: 20px;
    height: 20px;
    background-image: url(../images/ryzz_r.png);
    background-size: 100% 100%;
    margin-top: -11px;
    right: 25px;
}

.ztzs {
    padding-top: 85px;
    overflow: hidden;
    background-color: #F7F7F7;
    padding-bottom: 70px;
}

.ztzs_cons {
    margin-top: 40px;
    position: relative;
}

.ztzs_cons .swiper-button-prev {
    width: 47px;
    height: 47px;
    background-image: url(../images/right_1.png);
    background-size: 100% 100%;
    left: -70px;
}

.ztzs_cons .swiper-button-next {
    width: 47px;
    height: 47px;
    background-image: url(../images/left_1.png);
    background-size: 100% 100%;
    right: -70px;
}

.ztzs_cons .swiper-slide {
    text-align: center;
}

.ztzs_cons p {
    font-size: 16px;
    color: #000000;
    margin-top: 10px;
}

.fzlc {
    width: 100%;
    height: 700px;
    background-image: url(../images/fzlc.jpg);
    padding-top: 132px;
}

.fzlc .swiper-slide h6 {
    font-size: 26px;
    color: #ffffff;
    font-family: "Futura Md BT";
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

.fzlc_box {
    font-size: 14px;
    line-height: 28px;
    color: #ffffff;
    padding-top: 67px;
    display: none;
    padding-left: 50px;
}

.fzlc .swiper-slide-active .fzlc_box {
    display: block;
}

.fzlc .about_title h6 {
    font-size: 28px;
    color: #ffffff;
}

.fzlc .about_title p {
    color: #fff;
    font-size: 16px;
}

.fzlc .swiper-slide-active h6 {
    font-size: 48px;
    position: relative;
    top: -8px;
}

.fzlc .swiper-container {
    padding-top: 30px;
}

.fzlc .swiper-button-prev {
    width: 24px;
    height: 24px;
    background-image: url(../images/fzlc_l.png);
    background-size: 100% 100%;
    left: 0;
    top: 35.5%;
}

.fzlc .swiper-button-next {
    width: 24px;
    height: 24px;
    background-image: url(../images/fzlc_r.png);
    background-size: 100% 100%;
    right: 0;
    top: 35.5%;
}

.fzlc_cons {
    padding-left: 65px;
    padding-right: 65px;
    position: relative;
    margin-top: 45px;
    white-space: nowrap;
    /*min-height: 320px;*/
    min-height: 390px;
    overflow: hidden;
}

.fzlc_line {
    position: absolute;
    left: 24px;
    top: 28%;
}

.hzhb {
    background-color: #F7F7F7;
    overflow: hidden;
    padding-top: 70px;
    padding-bottom: 125px
}

.hzhb_cons {
    margin-top: 40px;
    position: relative;
}

.hzhb_cons .swiper-slide {
    border: 1px solid #EEEEEE;
    overflow: hidden;
}

.hzhb_cons .swiper-slide img {
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
}

.hzhb_cons .swiper-slide img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.hzhb_cons .swiper-pagination {
    width: 100%;
    margin-top: 55px;
}

.hzhb_cons .swiper-pagination .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    margin-left: 3px;
    margin-right: 3px;
}

.news-list li {
    width: 100%;
    overflow: hidden;
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #EEEEEE;
}

.news-list li .pic {
    float: left;
    width: 325px;
    height: 220px;
    position: relative;
    overflow: hidden;
}

.news-list li .pic img {
      position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    min-width: auto;
    min-height: auto;
    width: 100%;
    height: 100%;
    transform: none;
    transition: transform .5s ease;
    object-fit: cover;
    max-height: 100%;
}

.news-list li .pic img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.news-list li .other {
    padding-left: 365px;
    padding-top: 10px;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
}

.news-list li .tit {
    font-size: 18px;
    color: #333333;
}

.news-list li .news_date {
    font-size: 14px;
    color: #999;
    font-style: italic;
    margin-top: 10px;
    margin-bottom: 10px;
}

.news-list li .des {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
}

.news-list li .more {
    display: inline-block;
    font-size: 16px;
    line-height: 36px;
    color: #333333;
    margin-top: 20px;
    font-family: "Futura Bk BT";
    border-bottom: 1px solid #BFBFBF
}

.listpage-news {
    padding-top: 65px;
    padding-bottom: 70px;
    overflow: hidden;
}

.news-list li:hover .other {
    padding-left: 390px;
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
}

.news-list li:hover .tit {
    color: #1d95d0
}

.hzln {
    overflow: hidden;
    padding-top: 75px;
}

.hzln_cons {
    background-color: #F7F7F7;
    overflow: hidden;
    margin-top: 55px;
}

.hzln_l {
    float: left;
    width: 50%;
}

.hzln_r {
    width: 50%;
    float: left;
    padding-left: 55px;
    padding-right: 55px;
    font-size: 14px;
    line-height: 29px;
    height: 293px;
    display: table
}

.hzln_box {
    display: table-cell;
    vertical-align: middle;
}

.zszc_l {
    width: 50%;
    float: left;
    padding-right: 40px;
}

.zszc {
    overflow: hidden;
    margin-top: 120px;
}

.zszc_l h6 {
    font-size: 28px;
    color: #333333;
}

.zszc_l p {
    font-size: 18px;
    color: #666666;
    font-family: "Futura Bk BT";
}

.zszc_l div {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    margin-top: 35px;
}

.zszc_r {
    float: left;
    width: 50%;
    text-align: right;
}

.zszc_box {
    margin-top: 60px;
}

.zsyz {
    background-color: #F5F5F5;
    overflow: hidden;
    margin-top: 80px;
    position: relative;
}

.zsyz_l {
    float: left;
    width: 50%;
}

.zsyz_r {
    float: right;
    width: 50%;
}

.zsyz .w1400 {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.zsyz_l h6 {
    font-size: 28px;
    color: #333333;
}

.zsyz_l p {
    font-size: 18px;
    color: #666666;
    font-family: "Futura Bk BT";
}

.zsyz_l_box div {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    margin-top: 35px;
}

.zsyz_l_box {
    max-width: 505px;
}

.zszce {
    padding-top: 68px;
    overflow: hidden;
}

.zszce_cons {
    margin-top: 50px;
}

.zszce_cons ul {
    margin-right: -9px;
    margin-left: -9px;
}

.zszce_cons ul li {
    width: 33.3333%;
    float: left;
    padding-right: 9px;
    padding-left: 9px;
}

.zszce_cons ul li .zszce_box {
    background-image: url(../images/zszce_bg.jpg);
    background-size: 100% 100%;
    min-height: 290px;
    padding-left: 35px;
    padding-right: 33px;
    color: #fff;
    padding-top: 36px;
}

.zszce_cons ul li h6 {
    font-size: 18px;
    color: #ffffff;
}

.zszce_cons ul li .zszce_box div {
    font-size: 14px;
    color: #ffffff;
    line-height: 24px;
    margin-top: 20px;
}

.dlzx {
    overflow: hidden;
    margin-top: 50px;
    text-align: center;
}

.dlzx_box {
    display: inline-block;
}

.dlzx_box div {
    float: left;
    line-height: 48px;
}

.dlzx_tit {
    font-size: 18px;
    color: #333333;
    margin-right: 20px;
}

.dlzx-name {
    height: 48px;
    background-color: #14449D;
    font-size: 18px;
    color: #fff;
    padding-left: 22px;
    padding-right: 22px;
}

.dlzx-tel {
    height: 48px;
    background-color: #F7F7F7;
    font-size: 24px;
    color: #666666;
    padding-left: 22px;
    padding-right: 22px;
    font-family: "Futura Md BT";
}

.hzlc {
    overflow: hidden;
    padding-top: 115px;
}

.hzlc_cons {
    margin-top: 68px;
    overflow: hidden;
}

.hzlc_cons ul {
    margin-left: -13px;
    margin-right: -13px;
}

.hzlc_cons ul li {
    width: 12.5%;
    float: left;
    height: 152px;
    display: table;
    padding-left: 13px;
    padding-right: 13px;
}

.hzlc_cons ul li div {
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    text-align: center;
    background-color: #14449D;
    border: 5px solid #EEEEEE;
    border-radius: 50%;
    /*  padding-left:10px;  padding-right: 10px;*/
}

.hzlc_btn {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 70px;
}

.hzlc_btn a {
    display: inline-block;
    width: 165px;
    height: 45px;
    background-color: #2482DA;
    line-height: 45px;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
    margin-right: 9px;
    margin-left: 9px;
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
}

.hzlc_btn a:hover {
    background-color: #14449D;
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -o-transition: 1s;
}

.sqhz {
    width: 100%;
    height: 362px;
    overflow: hidden;
    padding-top: 60px;
    background-image: url(../images/sqhz.jpg);
}

.sqhz .about_title h6 {
    font-size: 36px;
    color: #ffffff;
}

.sqhz .about_title p {
    font-size: 18px;
    color: #ffffff;
    font-family: "Futura Md BT";
}

.sqhz_cons ul li {
    float: left;
    height: 55px;
    line-height: 55px;
    padding-right: 18px;
}

.sqhz_obj {
    position: relative;
    width: 100%;
    background-color: #fff;
    overflow: hidden;
}

.sqhz_cons ul .w30 {
    width: 30%;
}

.sqhz-item {
    float: left;
    width: 56px;
    text-align: center;
}

.sqhz-box {
    position: absolute;
    top: 0;
    left: 0;
    padding-left: 56px;
    width: 100%;
}

.sqhz-box input {
    width: 100%;
    height: 55px;
    font-size: 16px;
    color: #333333;
}

.w10 {
    width: 10%;
}

.sqhz_cons ul li a {
    height: 55px;
    background-color: #14449D;
    display: block;
    text-align: center;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
}

.sqhz_cons {
    margin-top: 45px;
}

.service ul li {
    float: left;
    width: 25%;
    height: 165px;
    text-align: center;
    padding-left: 1.5px;
    padding-right: 1.5px;
}

.service {
    overflow: hidden;
    margin-top: 60px;
}

.service ul {
    margin-left: -1.5px;
    margin-right: -1.5px;
}

.service ul .service_1 .service_box {
    background-image: url(../images/service1.jpg);
}

.service ul .service_2 .service_box {
    background-image: url(../images/service2.jpg);
}

.service ul .service_3 .service_box {
    background-image: url(../images/service3.jpg);
}

.service ul .service_4 .service_box {
    background-image: url(../images/service4.jpg);
}

.service_box {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.service_box a {
    display: inline-block;
}

.service_l {
    float: left;
    display: table;
    height: 165px;
    margin-right: 30px;
}

.table_cell {
    display: table-cell;
    vertical-align: middle;
}

.service_r {
    float: left;
    height: 165px;
    display: table;
    text-align: left;
}

.service_r h6 {
    color: #fff;
    font-size: 20px;
}

.service_r p {
    font-size: 16px;
    color: #ffffff;
    margin-top: 5px;
}

.fwzc_title h6 {
    text-align: center;
    font-size: 32px;
    color: #333333;
}

.fwzc {
    padding-top: 60px;
    overflow: hidden;
    margin-bottom: 70px;
}

.fwzc_title p {
    font-size: 16px;
    color: #898989;
    text-align: center;
}

.fwzc_title div {
    text-align: center;
    font-size: 16px;
    color: #676767;
    margin-top: 20px;
}

.fwzc_li {
    overflow: hidden;
    margin-top: 33px;
    background-color: #F7F7F7;
    border: 1px solid #E5E5E5;
}

.fwzc_li ul li {
    width: 33.33333%;
    float: left;
    min-height: 400px;
    text-align: center;
    padding-left: 65px;
    padding-right: 65px;
    padding-top: 60px;
    border-right: 1px solid #E5E5E5;
}

.fwzc_li ul li:last-child {
    border-right: 0;
}

.fwzc_li ul li h6 {
    font-size: 24px;
    color: #333333;
    margin-top: 30px;
}

.fwzc_li ul li p {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    margin-top: 36px;
}

.shdh .w1400 {
    position: relative;
}

.shdh_box {
    position: absolute;
    top: 50%;
    left: 50%;
    line-height: 100px;
    transform: translate(-50%, -50%);
}

.shdh-img {
    float: left;
    margin-right: 22px;
}

.shdh_cons {
    float: left;
    font-size: 24px;
    color: #ffffff;
}

.shdh_cons font {
    font-size: 28px;
    font-family: "Futura Md BT";
    margin-left: 10px;
}

.shdh {
    margin-bottom: 70px;
}

.navli ul .list_1:after {
    content: "";
    width: 0px;
    height: 3px;
    background-color: #1C95D4;
    display: inline-block;
    position: absolute;
    margin: 0 auto;
    bottom: 0;
    left: 0;
    right: 0;
}

.navli ul .list_1:hover:after {
    width: 38px;
    transition: 0.4s;
    -moz-transition: 0.4s;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
}

.navli ul .active:after {
    content: "";
    width: 38px;
    height: 3px;
    background-color: #1C95D4;
    display: inline-block;
    position: absolute;
    margin: 0 auto;
    bottom: 0;
    left: 0;
    right: 0;
}

.dot_li ul {
    margin-left: -7.5px;
    margin-right: -7.5px;
}

.dot_li ul li {
    float: left;
    width: 33.33333%;
    padding-left: 7.5px;
    padding-right: 7.5px;
    margin-bottom: 15px;
    cursor: pointer;
}

.dot_li ul li .dot_box:hover {
    -moz-box-shadow: 0px 0px 8px #D9D9D9;
    -webkit-box-shadow: 0px 0px 8px #D9D9D9;
    box-shadow: 0px 0px 8px #D9D9D9;
}

.dot_li ul li .dot_box {
    min-height: 147px;
    background-color: #fff;
    border: 1px solid #EEEEEE;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 30px;
}

.dot_li ul li .dot_box h6 {
    font-size: 18px;
    color: #33579a;
    font-weight: bold;
    margin-bottom: 15px;
}

.dot_li {
    margin-top: 50px;
}

.dot_li ul li .dot_box p {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
}

.contact-entit {
    font-size: 18px;
    color: #999999;
    text-align: center;
    margin-top: 8px
}

.welfare_li {
    margin-top: 40px;
    overflow: hidden;
}

.welfare_li ul li {
    width: 50%;
    float: left;
    padding-left: 9px;
    padding-right: 9px;
}

.welfare_li ul {
    margin-left: -9px;
    margin-right: -9px;
}

.welfare_li ul li .welfare_box {
    position: relative;
}

.welfare_li ul li .welfare_cons {
    position: absolute;
    top: 19%;
    left: 0;
    z-index: 10;
    padding-left: 70px;
    padding-right: 35px;
}

.welfare_tit {
    font-size: 22px;
    color: #ffffff;
}

.welfare_intro {
    font-size: 16px;
    line-height: 26px;
    color: #666666;
    margin-top: 6%;
    border-top: 1px solid #BEBEBE;
    padding-top: 4%;
}

.welfare_tit img {
    margin-right: 12px;
    position: relative;
    top: -3px;
}

.recruit {
    overflow: hidden;
    background-color: #F7F7F8;
    padding-bottom: 70px;
}

.recruit_top {
    width: 100%;
    background-color: #144191;
    height: 67px;
    line-height: 67px;
    margin-top: 40px;
}

.recruit_top ul li {
    float: left;
    font-size: 18px;
    color: #fff;
}

.recruit-1 {
    width: 20%;
}

.recruit-2 {
    width: 20%;
}

.recruit-3 {
    width: 30%;
}

.recruit_top ul {
    padding-left: 10%;
}

.recruit-item ul li {
    float: left;
    font-size: 14px;
    color: #666666;
    font-family: "黑体";
    font-weight: bold;
}

.recruit-item {
    width: 100%;
    height: 70px;
    line-height: 70px;
    padding-left: 10%;
    cursor: pointer;
}

.recruit-item:nth-child(2n) {
    background-color: #fff
}

.recruit-item .recruit-4 {
    width: 15%;
}

.recruit-item .recruit-5 {
    font-size: 28px;
}

.recruit-content {
    background-color: #fff;
    padding-left: 10%;
    font-size: 14px;
    color: #666666;
    line-height: 26px;
    padding-right: 10%;
    padding-top: 30px;
    padding-bottom: 30px;
    display: none;
}

.recruit-item:hover {
    background-color: #3F7EBB;
}

.recruit-item:hover li {
    color: #fff;
}

.recruit_li .on {
    background-color: #3F7EBB;
}

.recruit_li .on li {
    color: #fff;
}

.team_li .swiper-slide {
    text-align: center;
    margin-bottom: 18px;
}

.team_li .swiper-slide p {
    font-size: 14px;
    color: #666666;
    margin-top: 20px;
}

.team {
    overflow: hidden;
    padding-bottom: 120px;
}

.team_li {
    position: relative;
    margin-top: 40px;
}

.team_li .swiper-pagination {
    width: 100%;
    text-align: center;
    margin-top: 25px;
}

.team_li .swiper-pagination .swiper-pagination-bullet {
    margin-left: 4px;
    margin-right: 4px;
    width: 12px;
    height: 12px;
}

.download {
    background-color: #F7F7F7;
    padding-top: 40px;
    padding-bottom: 50px;
    overflow: hidden;
}

.download_l {
    float: left;
    width: 315px;
    background-color: #fff;
    padding: 35px;
}

.download_l .download_nav_1 {
    width: 253px;
    line-height: 47px;
    margin-bottom: 10px;
}

.download_l .download_nav_1>a {
    display: block;
    width: 100%;
    padding-left: 42px;
}

.download-sub {
    padding-left: 42px;
    margin-top: 10px;
    margin-bottom: 25px;
}

.download_l ul .active>a {
    background-color: #1248A2;
    color: #fff;
}

.download_l .download_nav_1>a:hover {
    background-color: #1248A2;
    color: #fff;
}

.download_l .download_nav_1>a:hover:before {
    background-color: #fff;
}

.download_l ul .active>a:before {
    background-color: #fff;
}

.download_l .download_nav_1>a {
    font-size: 20px;
    color: #333333;
}

.download_l .download_nav_1>a:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #1C95D4;
    margin-right: 5px;
    position: relative;
    top: -3px;
}

.download_l .download-sub ul {
    padding-left: 26px;
}

.download_l .download-sub ul li {
    line-height: 38px;
}

.download_l .download-sub ul li a {
    font-size: 18px;
    color: #333333;
}

.download_r {
    float: right;
    width: calc(100% - 315px - 35px);
    background-color: #fff;
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 60px;
    padding-top: 30px;
}

.download-nav .nav_right {
    background-color: #fff;
    text-align: left;
}

.download_list ul li {
    height: 57px;
    background-color: #F7F7F7;
    overflow: hidden;
    width: 100%;
    line-height: 57px;
    background-image: url(../images/donwload1.png);
    background-repeat: no-repeat;
    background-position: 24px center;
    padding-left: 74px;
    font-size: 14px;
    color: 3454545;
    padding-right: 34px;
    margin-bottom: 10px;
}

.download_list ul li a {
    float: right;
}

.download_list ul li a:hover {
    color: #1C95D4
}

.download_list ul li img {
    margin-left: 8px;
}

.ask {
    font-size: 16px;
    color: #333333;
    line-height: 70px;
    border-bottom: 1px solid #E5E5E5;
    padding-left: 55px;
    background-image: url(../images/problem.png);
    background-repeat: no-repeat;
    background-position: 13px center;
    cursor: pointer;
    padding-right: 23px;
}

.ask span {
    float: right;
    font-size: 24px;
    font-weight: bold;
    color: #666666;
}

.answer {
    font-size: 14px;
    line-height: 24px;
    color: #666666;
    padding-left: 55px;
    padding-right: 35px;
    display: none;
    padding-bottom: 60px;
}

.problem_li ul .active {
    background-color: #F7F7F7;
}

.problem_li ul .active .ask {
    border-bottom: 0;
}

.know_list ul li {
    height: 57px;
    background-color: #F7F7F7;
    overflow: hidden;
    width: 100%;
    line-height: 57px;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 10px;
}

.know_list ul li a {
    font-size: 14px;
    color: 3454545;
}

.know_list ul li span {
    float: right
}

.know_list ul li a:hover {
    color: #1C95D4
}

.video_list {
    margin-top: 15px;
    overflow: hidden;
}

.video_list ul {
    margin-left: -14px;
    margin-right: -14px;
}

.video_list ul li {
    float: left;
    padding-left: 14px;
    padding-right: 14px;
    width: 33.3333%;
    text-align: center;
    margin-bottom: 20px;
}

.video_list ul li:nth-child(3n) {
    margin-right: 0;
}

.video_list ul li a {
    font-size: 14px;
    color: #333333
}

.video_list ul li p {
    margin-top: 20px;
}

.video_list ul li p:hover {
    color: #1C95D4
}

.know_list {
    margin-top: 15px;
}

.video_img {
    position: relative;
    overflow: hidden;
    height: 198px;
}

.video_img img {
    max-height: 100%;
    position: relative;
    transition: 0.6s;
    -moz-transition: 0.6s;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
}

.video_img img:hover {
    position: relative;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.video_img i {
    position: absolute;
    display: block;
    width: 47px;
    height: 47px;
    left: 50%;
    top: 50%;
    background: url(../images/fuwu_video.png) no-repeat;
    transform: translate(-50%, -50%);
}

.model_nav {
    margin-top: 15px;
    overflow: hidden;
}

.model_nav ul li {
    float: left;
    line-height: 35px;
}

.model_nav ul li a {
    color: #333;
    font-size: 14px;
    display: inline-block;
    line-height: 38px;
    padding-left: 27px;
    padding-right: 27px;
}

.model_nav ul .on a {
    background-color: #1248A2;
    color: #fff;
}

.model_list {
    margin-top: 35px;
}

.product_list ul {
    margin-right: -10px;
    margin-left: -10px;
}

.download_l .download-sub ul .on a {
    color: #01afff
}

.new-float {
    position: fixed;
    right: 0;
    top: 50%;
    z-index: 50;
    width: 77px;
    height: 374px;
    margin-top: -150px;
}

.new-float li {
    position: relative;
    width: 77px;
    height: 57px;
    margin-bottom: 1px;
    line-height: 27px;
    color: #fff;
    text-align: center;
    background-color: #0a4ed8;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.new-float .lia {
    transition: 0.5s;
}

.new-float li.hover {
    overflow: hidden;
}

.new-float li a {
    display: inline-block;
    color: #fff;
    font-size: 12px;
}

.new-float li a.tit {
    width: 77px;
    height: 55px;
    padding: 30px 0 0 0;
    color: #fff;
}

.new-float li.fi a {
    background: url(../images/r_qq.png) no-repeat;
    background-repeat: no-repeat;
    background-position: center 8px;
    background-size: 25px;
}

.new-float li.fif p {
    background: url(../images/r_tel.png) no-repeat;
    background-repeat: no-repeat;
    background-position: center 8px;
    background-size: 25px;
    font-size: 12px;
}

.new-float li p {
    position: relative;
    z-index: 2;
    height: 27px;
    padding-top: 30px;
    cursor: pointer;
}

.new-float li .tel {
    position: absolute;
    left: 77px;
    top: 0;
    z-index: 1;
    width: 184px;
    height: 57px;
    font: 24px/57px Arial;
    color: #fff;
    background-color: #0a4ed8;
    cursor: pointer;
}

.new-float li .tel:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 31px;
    background-color: rgba(255, 255, 255, 0.7);
    left: 0;
    top: 13px;
}

.new-float li.six a {
    background: url(../images/r_top.png) no-repeat;
    background-repeat: no-repeat;
    background-position: center 8px;
    background-size: 25px;
    font-size: 12px;
    cursor: pointer;
}

.new-float li.th a {
    background: url(../images/r_wx.png) no-repeat;
    background-repeat: no-repeat;
    background-position: center 8px;
    background-size: 25px;
}

.new-float .fi:hover {
    margin-left: -10px;
    width: 88px;
    transition: 0.5s;
}

.new-float .return-webtop:hover {
    margin-left: -10px;
    width: 88px;
    transition: 0.5s;
}

.right_code {
    position: absolute;
    width: 120px;
    height: 120px;
    bottom: -37px;
    left: -132px;
    background-color: #fff;
    padding: 10px;
    border-radius: 5px;
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
}

.right_code:before {
    content: "";
    position: absolute;
    right: -8px;
    top: 44%;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #fff;
}

.parameter_item {
    display: none;
}

.parameter_cons .active {
    display: block;
}

.header .w1400 {
    position: relative;
}

.subnav_product {
    position: absolute;
    width: 1400px ! important;
    background-color: rgba(255, 255, 255, .95) ! important;
    top: 104px;
    left: -24rem ! important;
    padding: 30px 0 15px;
    display: none;
}

.subnav_product ul {
    width: 1400px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.subnav_product ul li {
    width: 20%;
    float: left;
    text-align: center;
    margin-bottom: 30px;
}

.subnav_product ul li img {
    max-width: 30%;
}

.subnav_product ul li p {
    font-size: 14px;
    margin-top: 15px;
    color: #666 !important
}

.subnav_product ul li:hover p {
    color: #1C95D4 !important
}

body {
    position: relative;
}

.QQ {
    position: absolute;
    right: 0;
    top: 200px;
    z-index: 101;
    width: 120px;
    text-align: center;
    transition: top 0.4s;
}

.fix_bottom a {
    width: 60px;
    height: 60px;
    padding: 35px 0 0 0;
    color: #fff;
    display: inline-block;
    background: url(../images/r_top.png) no-repeat;
    background-repeat: no-repeat;
    background-position: center 8px;
    background-size: 25px;
    font-size: 12px;
    cursor: pointer;
    text-align: center;
    background-color: #0a4ed8;
    position: fixed;
    right: 5px;
    bottom: 5px;
    border-radius: 4px;
}

.index_castlist {
    display: none;
}

.index_castli .active {
    display: block;
}

.slideBox2 {
    position: relative;
}

.goods_prev {
    width: 47px;
    height: 47px;
    background-color: #ddd;
    background-size: 100% 100%;
    left: -60px;
    border-radius: 50%;
    position: absolute;
    top: 49%;
}

.goods_next:after,
.goods_prev:after {
    width: 10px;
    height: 10px;
    content: "";
    position: absolute;
    left: 45%;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    border: 3px solid #fff;
    border-left: none;
    border-bottom: none;
}

.goods_prev:after {
    left: 55%;
    transform: translate(-50%, -50%) rotate(-135deg);
}

.goods_next {
    width: 47px;
    height: 47px;
    background-color: #ddd;
    background-size: 100% 100%;
    right: -60px;
    border-radius: 50%;
    position: absolute;
    top: 49%;
}

@media screen and (max-width: 1440px) {
    .navli {
        float: left;
        width: 63%;
        padding: 0 2%;
    }
}